<!--
 * @Author: 可以清心
 * @Description: 
 * @Date: 2022-11-24 11:31:09
 * @LastEditTime: 2022-11-30 16:38:37
-->
<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import { RouterView } from 'vue-router';


export default {
    name: "App",
    components: { RouterView },
    data(){
      return {}
    }
}
</script>

<style lang="less">
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
}

#app {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.apaas-login {
    position: fixed;
    padding: 34px 41px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 382.5px;
    // height: 370px;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
    box-sizing: border-box;

    .logo {
        // margin-top: 34px;
        text-align: center;
    }

    .app-name {
        margin-top: 21.7px;
        margin-bottom: 30px;
        font-family: FZLTHJW--GB1-0;
        font-size: 16px;
        color: #313233;
        text-align: center;
    }

    .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
      background-color: #005EBA;
      border-color: #005EBA;
    }

    .el-button--primary, .el-button--primary:hover, .el-button--primary:focus{
      background-color: #005EBA;
      border-color: #005EBA;
    }

    .el-input.is-active .el-input__inner, .el-input__inner:focus{
      border-color: #005EBA;
    }
}
</style>
